<template>
  <div>
    <div class="md-modal modal-msg md-modal-transition" :class="{'md-show': isShow}">
      <div class="md-modal-inner">
        <div class="md-top">
          <button class="md-close" @click="close">关闭</button>
        </div>
        <div class="md-content">
          <div class="confirm-tips">
            <!-- <p slot="message">你确认要删除此条数据吗?</p> -->
            <slot name="message"></slot>
          </div>
          <div class="btn-wrap">
            <slot name="btnGroup"></slot>
            <!-- <a slot="btnGroup" class="btn btn--m" href="javascript:;">确认</a>
            <a slot="btnGroup" class="btn btn--m btn--red" href="javascript:;">关闭</a> -->
          </div>
        </div>
      </div>
    </div>
    <div :class="{'md-overlay': isShow}"></div>
  </div>
</template>
<script>
export default {
  name: 'modal',
  props: {
    isShow: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    close() {
      this.$emit('close')
    }
  }
}
</script>